<template>
  <div class="monthlyPonsump" v-if="state.monthlyPonsumpShow">
    <div class="title">
      <stitle :bg="bg" text="月度能耗总览" :type="0" />
    </div>
    <totalWater />
    <!-- <totalPower />
    <totalGas /> -->
  </div>
</template>

<script>
import store from "@/utils/store";
import stitle from "@/components/common/stitle";
import totalWater from "./totalWater.vue";
import totalPower from "./totalPower.vue";
import totalGas from "./totalGas.vue";
export default {
  name: "Main",
  components: {
    stitle,
    totalWater,
    totalPower,
    totalGas,
  },
  data() {
    return {
      state: store.state,
      bg: require("@/assets/images/DispatchCommand/stitle.png"),
    };
  },
  mounted() {},
};
</script>

<style lang="scss" scoped>
.monthlyPonsump {
  width: 94%;
  height: 260px;
  margin: auto;
  position: absolute;
  left: 3%;
  top: 750px;
  z-index: 999;
  .title {
    width: 400px;
  }
}
</style>
